<%-- 
    Document   : home
    Created on : Dec 12, 2014, 3:40:53 PM
    Author     : NgoanTT
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Home</title>
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <link rel="stylesheet" type="text/css" href="css/menu.css" />
        <link rel="stylesheet" type="text/css" href="css/banner_style.css" />
    </head>
    <body>
    <nav class="fixed-nav-bar">
        <div class="name_logo"><h5>Nong Nghiep La Vang</h5></div>
        <div class="login">
            <a href="login.jsp">Login</a>
        </div>
    </nav>
    <div class="photobanner">
        <img class="first" src="images/image-1.jpg" alt="" />
        <img src="images/image-2.jpg" alt="" />
        <img src="images/image-3.jpg" alt="" />
        <img src="images/image-4.jpg" alt="" />
        <img src="images/image-5.jpg" alt="" />
        <img src="images/image-6.jpg" alt="" />
        <img src="images/image-1.jpg" alt="" />
        <img src="images/image-2.jpg" alt="" />
        <img src="images/image-3.jpg" alt="" />
        <img src="images/image-4.jpg" alt="" />
    </div>
    <div id="wrapper">
        <nav>
            <ul id="menu">
                <li><a href="#" class="drop">Trang Chủ</a><!-- Begin trang chủ -->
                    <div class="dropdown_2columns"><!-- Begin 2 columns container -->
                        <div class="col_2">
                            <h2>Welcome !</h2>
                        </div>
                        <div class="col_2">
                            <p>Day la trang web chua day du thong tin ve nong san.</p>
                        </div>
                    </div><!-- End 2 columns container -->
                </li><!-- End trang chủ -->
                <li><a href="#" class="drop">Tin Tức</a><!-- Begin Tin tức -->
                    <div class="dropdown_1column"><!-- Begin 5 columns container -->
                        <div class="col_1">
                            <ul>
                                <li><a href="#">Trong Nước</a></li>
                                <li><a href="#">Quốc Tế</a></li>
                            </ul>
                        </div>
                    </div><!-- End 5 columns container -->

                </li><!-- End tin tức -->
                <li><a href="#" class="drop">Chăm Sóc</a><!-- Begin chăm sóc-->

                    <div class="dropdown_3columns"><!-- Begin 4 columns container -->
                        <div class="col_1">
                            <h3>Trồng Trọt</h3>
                            <ul>
                                <li><a href="#">Cây công nghiệp lâu năm</a></li>
                                <li><a href="#">Cây ăn quả</a></li>
                                <li><a href="#">Cây dược liệu lâu năm</a></li>
                                <li><a href="#">Cây lương thực có hạt</a></li>
                                <li><a href="#">Cây công nghiệp hàng năm</a></li>
                                <li><a href="#">Cây dược liệu hàng năm</a></li>
                                <li><a href="#">Cây thực phẩm và cây rau đậu</a></li>
                            </ul>
                        </div>
                        <div class="col_1">
                            <h3>Chăn Nuôi</h3>
                            <ul>
                                <li><a href="#">Kỹ thuật nuôi gia súc</a></li>
                                <li><a href="#">Kỹ thuật nuôi gia cầm</a></li>
                                <li><a href="#">Động vật khác</a></li>
                            </ul>
                        </div>
                        <div class="col_1">
                            <h3>Thủy Sản</h3>
                            <ul>
                                <li><a href="#">Kỹ thuật nuôi cá nước ngọt</a></li>
                                <li><a href="#">Kỹ thuật nuôi cá nước măn</a></li>
                                <li><a href="#">Kỹ thuật nuôi lương,ếch,baba</a></li>
                                <li><a href="#">Kỹ thuật nuôi tôm</a></li>
                                <li><a href="#">Koại động vật khác</a></li>
                            </ul>
                        </div>
                    </div><!-- End 4 columns container -->
                </li><!-- End chăm sóc -->
                <li><a href="#" class="drop">Giá Sản Phẩm</a>
                    <div class="dropdown_1column">
                        <ul>
                            <li><a href="#">Thức ăn chăn nuôi</a></li>
                            <li><a href="#">Giống vật nuôi</a></li>
                            <li><a href="#">Thuốc thú y</a></li>
                            <li><a href="#">Phân bón</a></li>
                            <li><a href="#">Thuốc trừ sau bệnh</a></li>
                            <li><a href="#">Máy móc kỹ thuật</a></li>
                        </ul>
                    </div>
                </li>
                <!-- begin hỏi đáp-->
                <li>
                    <a href="#" class="drop">Hỏi Đáp</a>
                    <div class="dropdown_4columns align_right">
                        <div class="col_1">
                            <h3>Câu Hỏi</h3>
                            <ul>
                                <li><a href="#">Câu hỏi mới</a></li>
                                <li><a href="#">Câu hỏi xem thường xuyên</a></li>
                                <li><a href="#">Câu hỏi đánh giá cao</a></li>
                            </ul>
                        </div>
                        <div class="col_1">
                            <h3>Tags...</h3>
                            <ul>
                                <li><a href="#">Tag nhiều người xem</a></li>
                                <li><a href="#">Tag nhóm ngành</a></li>
                                <li><a href="#">Tag mới</a></li>
                            </ul>
                        </div>
                        <div class="col_1">
                            <h3>User</h3>
                            <ul>
                                <li><a href="#">Thành viên mới</a></li>
                                <li><a href="#">Người nổi tiếng</a></li>
                                <li><a href="#">Người đánh giá cao</a></li>
                            </ul>
                        </div>
                        <div class="col_1">
                            <h3>Đặt Câu Hỏi</h3>
                            <ul>
                                <li><a href="#">Ghi câu hỏi</a></li>
                            </ul>
                        </div>
                    </div>
                </li>
                <!-- end hỏi đáp -->
                <!-- begin loại bênh -->
                <li>
                    <a href="#" class="drop">Loại Bệnh</a>
                    <div class="dropdown_1column">
                        <ul>
                            <li><a href="#">Bệnh trong trồng trọt</a></li>
                            <li><a href="#">Bệnh trong chăn nuôi</a></li>
                            <li><a href="#">Bênh trong thủy sản</a></li>
                            <li><a href="#">Bệnh mới</a></li>
                            <li><a href="#">Bệnh thường gặp</a></li>
                            <li><a href="#">Bệnh theo mùa</a></li>
                            <li><a href="#">Bệnh nguy hiểm</a></li>
                        </ul>
                    </div>
                </li>
                <!-- end loại bênh -->
            </ul>
        </nav>

        <div id="content">
            <h2>Login Page</h2>
            <form action="Controller">
                <table>
                    <tr>
                        <td>Username</td>
                        <td><input type="text" name="txtUser" value="" /> </td>
                    </tr>
                    <tr>
                        <td>Password</td>
                        <td><input type="password" name="txtPass" value="" /> </td>
                    </tr>
                    <tr>

                        <td colspan="2"><input type="submit" name="action" value="Login" />
                            <input type="reset" value="Reset" /></td>
                    </tr>
                </table>
            </form>
        </div>
        <aside>
            <section>
                <header>
                    <h3>Categories</h3>
                </header>
                <ul>
                    <li><a href="#">Limes</a></li>
                    <li><a href="#">Lemons</a></li>
                    <li><a href="#">Grapefruit</a></li>
                    <li><a href="#">Kiwi</a></li>
                    <li><a href="#">Other Citrus Fruit</a></li>
                </ul>
            </section>
            <section>
                <header>
                    <h3>Sponsors</h3>
                </header>
                <img src="images/ad125.jpg" alt="ad" /> <img src="images/ad125.jpg" alt="ad" />
                <br />
                <img src="images/ad125.jpg" alt="ad" /> <img src="images/ad125.jpg" alt="ad" />
                <br /><br />
            </section>
            <section>
                <header>
                    <h3>Connect With Us</h3>
                </header>
                <ul>
                    <li><a href="#">Twitter</a></li>
                    <li><a href="#">Facebook</a></li>
                    <li><a href="#">Google Buzz</a></li>
                </ul>
            </section>
            <section>
                <header>
                    <h3>Recent Articles</h3>
                </header>
                <ul>
                    <li><a href="#">How To Make Key Lime Pie</a></li>
                    <li><a href="#">Is Citrus Good For Skin Care?</a></li>
                </ul>
            </section>
        </aside>
    </div>
    <footer>
        <section>
            <h3>Left Stuff</h3>
            <p>Left aligned text here. Proin metus odio, ultricies eu pharetra dictum, laoreet id odio. Curabitur in odio augue. Morbi congue auctor interdum. Phasellus sit amet metus justo.</p>
        </section>
        <section>
            <h3>Left Stuff</h3>
            <p>Left aligned text here. Proin metus odio, ultricies eu pharetra dictum, laoreet id odio. Curabitur in odio augue. Morbi congue auctor interdum. Phasellus sit amet metus justo.</p>
        </section>
        <section>
            <h3>Left Stuff</h3>
            <p>Left aligned text here. Proin metus odio, ultricies eu pharetra dictum, laoreet id odio. Curabitur in odio augue. Morbi congue auctor interdum. Phasellus sit amet metus justo.</p>
        </section>
    </footer>
</body>
</html>
